<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>moud1</title>
        <script src="../style/js/jquery.js"></script>
        <script src="../style/js/bt.dwz.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="well">
                <input type="text" placeholder="样式1">
                <input type="text" placeholder="输入提示" data-provide="typeahead" autocomplete="off" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
                <!--placeholder:背景字;data-provide:激发提示标签;autocomplete：设置autocomplete="off"以阻止浏览器的默认提示菜单遮盖Bootstrap的输入提示下拉菜单；data-source:提示数组值;-->
                
            </div>
            <div class="alert alert-info">
                <div class="input-append">
                    <input class="span2" placeholder="Type something…" type="text">
                    <button class="btn" type="button">Search</button>
                    <button class="btn" type="button">Options</button>
                </div>
                <div class="input-append">
                  <input type="text" id="appendedDropdownButton" class="span2">
                  <div class="btn-group">
                    <button data-toggle="dropdown" class="btn dropdown-toggle">Action <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                      <li><a href="#">Action</a></li>
                      <li><a href="#">Another action</a></li>
                      <li><a href="#">Something else here</a></li>
                      <li class="divider"></li>
                      <li><a href="#">Separated link</a></li>
                    </ul>
                  </div>
                </div>
                <div class="input-append">
                    <input type="text">
                    <div class="btn-group">
                    <button tabindex="-1" class="btn">Action</button>
                    <button tabindex="-1" data-toggle="dropdown" class="btn dropdown-toggle">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                    </div>
                </div>
            </div>
            <div class="alert alert-success">
                <div class="input-prepend">
                    <span class="add-on">@</span>
                    <input class="span2" id="prependedInput" type="text" placeholder="Username">
                </div>
                <div class="input-append">
                    <input class="span2" id="appendedInput" type="text">
                    <span class="add-on">.00</span>
                </div>
                <div class="input-prepend input-append">
                    <span class="add-on">$</span>
                    <input class="span2" id="appendedPrependedInput" type="text">
                    <span class="add-on">.00</span>
                </div>
                <textarea rows="4"></textarea>
            </div>
            <div class="alert alert-error">
                <select>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
                <label class="checkbox inline">
                    <input type="checkbox" value="">
                    Option one 
                </label>
                <label class="radio inline">
                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                    Option one 
                </label>
                <label class="radio inline">
                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                    Option two
                </label>
            </div>
            <div class="alert">
                <input type="text" class="span2 datepicker" placeholder="yyyy-mm-dd" date-now="false" data-date-format="yyyy-mm-dd" id="dp2">
                <div class="input-append date datepicker" id="dp3" data-date-format="yyyy-mm-dd" data-date="2012-12-12">
                <!--此处data-date为必须具有;data-date-format用于点击span时格式设置,格式可以有:yyyy-mm、yyyy/mm、yyyy.mm;date-now:值为false，则值不会默认当前日期 -->
				    <input class="span2 datepicker" size="16" type="text" value="2012-02-12" date-now="false" readonly="" data-date-format="yyyy-mm-dd">
                    <!--此处input也可以点击日历控件,也需设置日期格式data-date-format-->
				    <span class="add-on"><i class="icon-calendar"></i></span>
			    </div>
                <div class="input-append date datetimepicker" >
        	      <input class="" type="text" data-format="yyyy-MM-dd hh:mm:ss" value=""></input>
                    <!--data-format:为了区别 月、分,采用大写M和小写m-->
        	      <span class="add-on">
        	        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
        	      </span>
        	    </div>
            </div>
            <div class="well">
                <a class="btn btn-info">信息(a元素)</a><button class="btn">默认</button><button class="btn btn-success">成功</button><button class="btn btn-warning">警告</button><button class="btn btn-danger">危险</button><button class="btn btn-primary">主要</button><button class="btn btn-inverse">反向</button>
            </div>
            <div class="well">
                <input type="file">
                <a href="#myModal" role="button" class="btn" data-toggle="modal">对话框(验证)</a>
                <!-- Modal -->
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">Modal header</h3>
                    </div>
                    
                    <form class="form-horizontal custom-behavior" data-validate-type="2">
                        <div class="modal-body">
                            <div class="control-group-none">
                              <label for="inputEmail" class="control-label">Name</label>
                              <div class="controls">
                                <input type="text" placeholder="Name" id="inputEmail" data-validate="validate(required)">
                              </div>
                            </div>
                            <div class="control-group-none">
                              <label for="inputEmail" class="control-label">Email</label>
                              <div class="controls">
                                <input type="text" placeholder="Email" id="inputEmail" data-validate="validate(required, email)">
                              </div>
                            </div>
                            <div class="control-group">
                              <label for="inputPassword" class="control-label">Password</label>
                              <div class="controls">
                                <input type="password" placeholder="Password" id="inputPassword" data-validate="validate(required)">
                              </div>
                            </div>
                            
                            <div class="control-group">
                              <div class="controls">
                                <label class="checkbox">
                                  <input type="checkbox"> Remember me
                                </label>
                                <button class="btn" type="submit">Sign in</button>
                              </div>
                            </div>
                        </div>

                    </form>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                        <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" onclick="a10();">保存</button>
                    </div>
                </div>
                <!--end: Modal -->
               
            </div>
        </div>
    </body>
    
</html>
